!
Manual
de
Boiled
Egg
Índice:
1. Introducción." !3
2. Pantalla de carga." !4
3. Registro e inicio de sesión (vista de acceso)." !5
4. Vista principal de la aplicación."7
de 2 24
1. Introducción.
Este manual describe las principales funcionalidades de la aplicación Boiled Egg,
explicando de forma clara cada apartado para que el usuario pueda comprender
cómo interactuar con la interfaz. Las capturas de pantalla correspondientes a cada
paso deberán acompañar este texto para facilitar el uso.#
de 3 24
2. Pantalla de carga.
Al iniciar la aplicación, se presenta una pantalla de carga. Esta tiene como
finalidad permitir que la app realice las conexiones necesarias con la base de
datos y cargue los elementos esenciales antes de mostrar las vistas funcionales.!
!
de 4 24
3. Registro e inicio de sesión (vista de acceso).
Una vez superada la carga inicial, se muestra la pantalla de acceso. Aquí, el
usuario puede:!
-Iniciar sesión:
Introduciendo su correo electrónico y contraseña.!
-Registrarse como usuario:
Registrarse como nuevo usuario, seleccionando su nombre de usuario, correo,
contraseña.!
de 5 24
Si pincha en el icono del huevo, podrá elegir el icono de perfil, si no se
selecciona ninguno se quedará este por defecto (aunque puede cambiarse más
adelante).!
El sistema comprueba que todos los campos del formulario estén
correctamente completados y que no exista ya un usuario registrado con el
mismo correo electrónico o nombre de usuario. En caso de que algún dato no
cumpla con los requisitos, se mostrará un mensaje de error específico. Además,
si el usuario sitúa el cursor sobre el campo correspondiente, podrá ver una
breve descripción con los requisitos que debe cumplir (como formato, longitud
o caracteres permitidos).!
-Registrarse como restaurante:
Al registrarse como restaurante, el sistema comprobará que todos los campos
estén correctamente completados. Una vez finalizado el proceso, se mostrará
una alerta informando al usuario de que el equipo de soporte técnico se pondrá
en contacto a través del correo proporcionado, con el fin de verificar que se
trata de un establecimiento real y confirmar su registro en la base de datos.!
de 6 24
!
4. Vista principal de la aplicación.
Una vez el usuario ha iniciado sesión correctamente, accederá a la interfaz
principal de la aplicación. Desde esta pantalla podrá desplazarse por las distintas
secciones mediante los menús ubicados en la parte lateral y superior. Al
seleccionar una opción, el contenido central se actualizará de forma dinámica,
permitiendo una navegación fluida sin necesidad de abrir nuevas ventanas.!
A continuación, se describen las secciones principales disponibles en la
aplicación:!
-Elementos fijos:
-Menú lateral (navegación principal):
Ubicado en el lado izquierdo de la pantalla, este menú contiene los botones
de acceso directo a las diferentes secciones de la aplicación. Cada botón
dirige al usuario a una vista distinta dentro de la misma ventana principal,
facilitando la navegación sin necesidad de abrir nuevas ventanas emergentes.
Las secciones accesibles desde este menú se describen más adelante.!
de 7 24
!
-Menú superior (perfil y opciones):
Situado en la parte superior de la pantalla, este menú muestra el nombre de
usuario actualmente conectado, seguido del buscador. A su lado se
encuentra un botón que despliega un menú adicional con opciones
relacionadas con el perfil del usuario, como el botón de favoritos, el botón de
cambio de tema de la app y el botón del perfil.!
-Vistas o páginas:
-Sección Tablero (vista por defecto):
Al acceder a la aplicación, la primera vista que se muestra por defecto es el
Tablero. Esta sección funciona como una pantalla de inicio personalizada, en
la que se resume la actividad del usuario y se destacan elementos relevantes
según su interacción con la aplicación. Dentro del Tablero, el usuario podrá
visualizar:!
-Recetas recomendadas: una selección dinámica de recetas sugeridas en
función de los intereses, valoraciones y hábitos previos del usuario.!
de 8 24
-Últimos restaurantes agregados: listado de los establecimientos más
recientes registrados en la plataforma, con enlaces a su información
principal.!
-Resumen del perfil del usuario: incluye el nivel actual, puntos
acumulados, icono de perfil y otras estadísticas básicas.!
-Valoraciones del usuario: sección donde se muestran las valoraciones y
comentarios que el usuario ha realizado sobre recetas o restaurantes.!
-Valoraciones externas relacionadas: visualización de comentarios y
puntuaciones que otros usuarios han realizado en recetas donde el usuario
también ha participado mediante algún comentario, permitiendo ver la
interacción colectiva sobre una misma receta.!
Esta vista centraliza información relevante y de interés personal, con el
objetivo de ofrecer al usuario una experiencia personalizada desde el primer
momento.!
-Sección Escanear:
Al seleccionar la opción Escanear en el menú lateral, el usuario accederá a
una vista diseñada para identificar productos mediante su código de barras y
ofrecer información relacionada con ingredientes y recetas.!
de 9 24
En esta sección, se presenta un botón principal denominado "Importar un
código". Al hacer clic sobre él, se abrirá una ventana emergente que permite
al usuario arrastrar una imagen directamente o importarla desde su
dispositivo local. Esta imagen debe contener el código de barras del
producto que se desea escanear.!
Una vez importado correctamente, en la parte derecha de la vista se
mostrará una breve descripción del código leído, incluyendo los datos
asociados al ingrediente detectado. Además, el usuario podrá acceder a una
vista más detallada del ingrediente para consultar más información sobre él.!
Debajo de esta funcionalidad principal, la misma vista presenta un apartado
adicional con contenido dinámico según el uso que haya hecho el usuario de
esta función:!
-Si aún no se ha escaneado ningún código, se mostrará una selección de
recetas aleatorias como sugerencia inicial.!
-Si el usuario ya ha escaneado uno o varios ingredientes, la aplicación
mostrará recetas que los incluyan, con el objetivo de ofrecer ideas
prácticas y relevantes basadas en los productos detectados.!
Esta funcionalidad no solo mejora la personalización de la experiencia del
usuario, sino que también promueve un uso más práctico del contenido de la
aplicación.!
de 10 24
-Sección Subir Receta:
Al hacer clic en el botón "Subir receta", se abrirá una vista dedicada en la
que el usuario podrá introducir todos los datos necesarios para registrar una
nueva receta.!
A medida que se vayan rellenando los distintos campos del formulario
(nombre, ingredientes, pasos, tiempos, etc.), esta información se irá
mostrando de forma simultánea en el panel lateral. Este panel actúa como
una vista previa de la ficha técnica completa de la receta, permitiendo al
usuario comprobar visualmente cómo se verá el resultado final antes de
enviar la información.!
Una vez completados todos los campos y validados correctamente, el
usuario podrá pulsar de nuevo el botón "Subir receta". Al hacerlo, se
mostrará una alerta de confirmación informando que:!
“El equipo técnico revisará los datos ingresados para asegurarse de que la
receta contiene toda la información necesaria y está correctamente
estructurada. Una vez validada, la receta será publicada y el equipo se pondrá
en contacto con el usuario para informarle que su receta ha sido subida con
éxito.”
Este proceso garantiza la calidad de las recetas compartidas y asegura una
experiencia uniforme para todos los usuarios de la aplicación.!
de 11 24
-Sección Buscador:
La página del buscador está diseñada para facilitar al usuario la localización
rápida y precisa de recetas, ingredientes y restaurantes. Esta sección se
divide en varias partes clave:!
-Barra de búsqueda principal:!
Situada en la parte superior de la vista, permite al usuario comenzar a
escribir directamente el nombre de una receta, un ingrediente específico
o un restaurante.!
$
Al clicar o escribir en el campo de búsqueda, se activa
automáticamente el modo de búsqueda, lo que provoca un cambio en
la interfaz para mostrar resultados y sugerencias más relevantes.!
-Panel lateral de filtros:!
Ubicado a la izquierda de la pantalla, el panel de filtros aparece y se
adapta en tiempo real a la búsqueda iniciada. Desde este panel, el
usuario podrá aplicar distintos criterios para refinar los resultado donde
los filtros están enfocados principalmente en el filtrado de recetas e
ingredientes.!
de 12 24
!
-Sección Mostrar información:
Si no hay filtros aplicados ni se ha realizado una búsqueda por nombre, la
app mostrará por defecto todas las recetas, ingredientes y restaurantes
disponibles. Esta es la vista general, donde se presentan los elementos en
forma de tarjetas (cards) con información básica.!
Cuando el usuario selecciona una de estas tarjetas, la vista cambiará
automáticamente para mostrar la información detallada del elemento elegido.
En el caso de una receta, se mostrarán detalles como los ingredientes
necesarios, pasos de preparación, tiempos, nivel de dificultad y valores
nutricionales. En el caso de un ingrediente, se mostrará su origen,
propiedades, usos y recetas en las que se incluye. Para los restaurantes, se
mostrará su ubicación, tipo de comida, valoraciones y platos destacados.!
Esta información es accesible desde cualquier parte de la aplicación. Siempre
que el usuario haga clic en una tarjeta, ya sea desde el buscador, el historial,
recomendaciones u otra sección, se mostrará directamente la vista con la
información completa correspondiente.!
Esta funcionalidad permite al usuario explorar el contenido de forma sencilla,
intuitiva y sin necesidad de repetir pasos innecesarios.!
de 13 24
-Sección Mostrar información:
En la sección del perfil, el usuario verá el icono que ha elegido, su nombre y
la información personal que ha configurado en la app. También se muestran
los alérgenos que el usuario tiene registrados. Esta información es importante
porque las recetas que se muestran de forma aleatoria estarán
de 14 24
automáticamente filtradas para evitar aquellas que contengan dichos
alérgenos.!
Además, en esta vista se muestran varios de los elementos marcados como
favoritos por el usuario, ya sean recetas, ingredientes o restaurantes. Esto
permite acceder rápidamente a contenido relevante y personalizado.!
En la parte derecha de la pantalla aparece un gráfico circular que muestra los
porcentajes de recetas favoritas del usuario según su tipo (por ejemplo:
desayunos, cenas, postres, etc.). Este gráfico permite ver visualmente la
cantidad total de recetas guardadas como favoritas y el porcentaje que
representa cada tipo. El gráfico se actualiza automáticamente conforme el
usuario añade o elimina recetas de sus favoritos.!
Justo debajo del gráfico se muestra la puntuación del usuario, el nivel actual
y cuántos puntos le faltan para subir de nivel. También aparece un botón que
lleva directamente a los minijuegos. Estos minijuegos permiten ganar puntos,
y con ello, aumentar el nivel del usuario dentro de la app.!
!
Al pulsar el botón de edición en la sección del perfil, la pantalla cambia
automáticamente para permitir al usuario modificar sus datos personales.
En esta vista editable, el usuario podrá actualizar su nombre, cambiar el
icono, modificar los alérgenos registrados y ajustar cualquier otra información
que haya proporcionado previamente. Esta funcionalidad permite mantener el
perfil siempre actualizado y adaptado a las necesidades personales del
usuario.!
de 15 24
!
-Sección Favoritos:
En la sección de favoritos es similar en estructura a la del buscador, pero está
enfocada exclusivamente en mostrar los elementos que el usuario ha
marcado como favoritos. Esta vista presenta únicamente recetas,
ingredientes o restaurantes que el usuario ha guardado previamente como
favoritos.!
A diferencia del buscador, esta sección contiene menos filtros, ya que solo
trabaja con los datos personales del usuario. Los filtros disponibles permiten
organizar o buscar entre los favoritos por tipo (recetas, ingredientes o
restaurantes) o por nombre, pero de forma más sencilla.!
En la parte superior, hay un botón para volver al perfil, que permite regresar
rápidamente a la vista principal del perfil del usuario.!
Esta sección es accesible desde dos lugares:!
-Desde el botón de favoritos en el menú superior de la aplicación.!
-Desde el apartado de favoritos dentro del perfil del usuario.!
Esta funcionalidad está pensada para ofrecer un acceso rápido, ordenado y
personalizado al contenido más relevante para el usuario.!
de 16 24
!
-Sección Juegos:
La sección de los juegos es accesible únicamente desde el botón ubicado
en el perfil del usuario. Al hacer clic en este botón, se abre una nueva
ventana dedicada exclusivamente a los juegos, manteniendo la app principal
abierta en segundo plano.!
Dependiendo del progreso del usuario (si ha jugado antes o si ha superado el
primer nivel), los juegos disponibles y sus niveles irán cambiando
dinámicamente. Esto permite una experiencia progresiva y personalizada.!
El primer juego disponible es un juego de encontrar parejas, pero con una
diferencia respecto a los juegos tradicionales: las imágenes no son idénticas,
sino que siguen conceptos similares (por ejemplo, ingredientes
relacionados o utensilios de cocina con funciones parecidas). Esto añade un
grado mayor de dificultad, desafiando la memoria y la asociación conceptual
del usuario. Cada juego incluye:!
-Sonido y música durante la partida.!
-Puntuación dinámica, que se incrementa a medida que el usuario
avanza.!
-Configuración de la música, que puede modificarse tanto desde esta
ventana como desde los ajustes generales de la app.!
de 17 24
Además, cada juego cuenta con su propio conjunto de reglas. Estas reglas se
muestran mediante una alerta desplegable, que explica claramente cómo
jugar y cuáles son los requisitos para superar el nivel.!
!
El segundo juego consiste en adivinar el número de un dado. En este juego,
el usuario contará con un número limitado de vidas y deberá acertar para
poder completar el nivel. Al igual que en el primer juego, se otorgan puntos
según el rendimiento del jugador.!
Todos los juegos tienen como objetivo motivar al usuario, ya que sumar
puntos en los minijuegos aumenta la puntuación general y puede contribuir a
subir de nivel dentro de la app.!
de 18 24
-Sección Ajustes:
Al acceder a la sección Ajustes, el usuario se encontrará por defecto con un
menú lateral desde el cual podrá seleccionar diferentes opciones. Al hacer
clic en cada opción, el panel central cambiará dinámicamente para mostrar
de 19 24
la información o configuración correspondiente.$
1. Condiciones del Usuario:!
Dentro del apartado de Perfil, el usuario podrá:!
-Restablecer preferencias: Esta opción permite volver a los valores por
defecto en cuanto a personalización y configuración de la app.$
- Cerrar sesión: Finaliza la sesión actual y devuelve al usuario a la
pantalla de inicio de sesión.!
de 20 24
-Borrar perfil: Permite eliminar de forma definitiva el perfil del usuario,
incluyendo todos sus datos asociados.$
2. Ajustes del Juego:!
En esta sección, el usuario podrá ajustar parámetros relacionados con los
juegos disponibles dentro de la app, como el Control de sonido, que
permite activar, desactivar o regular el volumen del sonido en los juegos.!
de 21 24
3. Ayuda y Soporte:!
Desde este apartado, el usuario podrá acceder a:!
-Manual de uso: Incluye este mismo documento de ayuda para consultar
el funcionamiento de la app paso a paso.!
-Contactar con soporte: Abre un formulario para enviar un mensaje al
equipo de soporte.$
Por defecto, se enviará desde el correo con el que el usuario se registró.
Si no es posible utilizar ese correo, la app enviará el mensaje
automáticamente mediante un correo interno. !
-Reportar una incidencia: Funciona del mismo modo que el contacto
con soporte, permitiendo al usuario describir un problema para que sea
atendido por el equipo técnico.$
4. Información sobre la App!
Este apartado incluye información legal y técnica sobre la aplicación:!
-Términos y condiciones.!
de 22 24
!
-Política de privacidad.!
-Versión actual de la app.!
de 23 24
de 24 24